<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
%>
<head>
    <script src="../assets/js/echarts.min.js"></script>
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/theme.js"></script>
    <script src="../assets/js/amazeui.min.js"></script>
    <script src="../assets/js/amazeui.datatables.min.js"></script>
    <script src="../assets/js/dataTables.responsive.min.js"></script>
<%--    <script src="../assets/js/app.js"></script>--%>
</head>

<div class="container-fluid am-cf">
    <div class="row">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-9">
            <div class="page-header-heading"><span class="am-icon-home page-header-heading-icon"></span> 会员开卡
                <small>会员管理</small></div>
            <p class="page-header-description"></p>
        </div>
    </div>
</div>

<div class="row-content am-cf">

    <div class="row">

        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
            <div class="widget am-cf">
                <div class="widget-head am-cf">
                    <div class="widget-title am-fl">会员信息</div>
                </div>
                <div class="widget-body am-fr">

                    <form class="am-form tpl-form-border-form" id="fm_addMem">

                        <div class="am-form-group">
                            <label for="name" class="am-u-sm-12 am-form-label am-text-left">用户名 <span
                                    class="tpl-form-line-small-title">member-name</span></label>
                            <div class="am-u-sm-12">
                                <input type="text" class="tpl-form-input am-margin-top-xs" id="name" name="name"
                                       placeholder="请输入用户名">
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label for="pwd" class="am-u-sm-12 am-form-label am-text-left">密码 <span
                                    class="tpl-form-line-small-title">password</span></label>
                            <div class="am-u-sm-12">
                                <input type="text" class="tpl-form-input am-margin-top-xs" id="pwd" name="pwd"
                                       placeholder="请输入密码">
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label for="rpwd" class="am-u-sm-12 am-form-label am-text-left">确认密码 <span
                                    class="tpl-form-line-small-title">retake-password</span></label>
                            <div class="am-u-sm-12">
                                <input type="text" class="tpl-form-input am-margin-top-xs" id="rpwd" name="rpwd"
                                       placeholder="请再次输入密码">
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label class="am-u-sm-12 am-form-label am-text-left">会员类型 <span
                                    class="tpl-form-line-small-title">member-type</span></label>
                            <div class="am-u-sm-12  am-margin-top-xs">
                                <select data-am-selected="{searchBox: 1}" style="display: none;" name="typeid">
                                    <option value="1">普通会员</option>
                                    <option value="2">白银会员</option>
                                    <option value="3">黄金会员</option>
                                </select>
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label for="balance" class="am-u-sm-12 am-form-label am-text-left">充值金额 <span
                                    class="tpl-form-line-small-title">member-balance</span></label>
                            <div class="am-u-sm-12">
                                <input type="text" class="tpl-form-input am-margin-top-xs" id="balance" name="balance"
                                       placeholder="请输入初始充值金额">
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label for="phone" class="am-u-sm-12 am-form-label am-text-left">电话号码 <span
                                    class="tpl-form-line-small-title">member-phone</span></label>
                            <div class="am-u-sm-12">
                                <input type="text" class="tpl-form-input am-margin-top-xs" id="phone" name="phone"
                                       placeholder="请输入用户手机号">
                            </div>
                        </div>

                        <div class="am-form-group">
                            <label for="idNumber" class="am-u-sm-12 am-form-label am-text-left">身份证号 <span
                                    class="tpl-form-line-small-title">member-idNumber</span></label>
                            <div class="am-u-sm-12">
                                <input type="text" class="tpl-form-input am-margin-top-xs" id="idNumber" name="idNumber"
                                       placeholder="请输入用户身份证号">
                            </div>
                        </div>

                        <div class="am-form-group">
                            <div class="am-u-sm-12 am-u-sm-push-12">
                                <button type="button" class="am-btn am-btn-primary tpl-btn-bg-color-success "
                                        id="bt_addmem">提交
                                </button>
                            </div>
                        </div>

                    </form>

                </div>
            </div>
        </div>
    </div>

</div>
<script src="../assets/js/jquery-3.3.1.min.js"></script>
<script>
    $("#bt_addmem").click(function () {
        var inputData = $("#fm_addMem").serialize();
        alert(inputData);
    });
</script>

